<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<title>申诉详情</title>
		<link rel="stylesheet" href="layui/css/layui.css" />
	<script src="layui/layui.js"></script>
		<style>
			.time{color: #999;}
			.shensu-list{margin-top: 20px;}
			.shensu-list:first-child{margin-top: 0;}
		</style>	
	</head>
	<body>	
	<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  <ul class="layui-tab-title">
    <li class="layui-this" style="width: 48%;">我发起的申诉</li>
    <li style="width: 48%;">我收到的申诉</li>
 
  </ul>
  <div class="layui-tab-content" style="height: 100px;">
    <div class="layui-tab-item layui-show">
    	<div class="shensu-list">
    	<div class="time">
    		<img src="images/clock.png" alt="" style="width: 20px;height: 20px;"/>
    		<span>2019-11-20 10:53:14</span>
    	</div>    
    	<div class="content">
    		<p>申诉人：用户拍错商品或店铺，商家申请取消任务，用户请及时申请退款，等待用户同意</p>
    	</div>
    	</div>
    	
    	<div class="shensu-list">
    	<div class="time">
    		<img src="images/clock.png" alt="" style="width: 20px;height: 20px;"/>
    		<span>2019-11-20 10:53:14</span>
    	</div>    
    	<div class="content">
    		<p>申诉人：用户拍错商品或店铺，商家申请取消任务，用户请及时申请退款，等待用户同意</p>
    	</div>
    	</div>
    	
    	<div style="padding: 5px 15px;margin-top: 10px;text-align: center;margin-top: 80px;">
			<a href=""style="padding: 5px 8px;background: #009688;color: white;border-radius: 5px;">回复</a>
			<a href=""style="padding: 5px 8px;background: #009688;color: white;border-radius: 5px;">完结</a>
		</div>
    </div>
    
    <div class="layui-tab-item">
    	<div class="shensu-list">
    	<div class="time">
    		<img src="images/clock.png" alt="" style="width: 20px;height: 20px;"/>
    		<span>2019-11-20 10:53:14</span>
    	</div>    
    	<div class="content">
    		<p>申诉人：用户拍错商品或店铺，商家申请取消任务，用户请及时申请退款，等待用户同意</p>
    	</div>
    	</div>
    	<div style="padding: 5px 15px;margin-top: 10px;text-align: center;margin-top: 80px;">
			<a href=""style="padding: 5px 8px;background: #009688;color: white;border-radius: 5px;">回复</a>
			<a href=""style="padding: 5px 8px;background: #009688;color: white;border-radius: 5px;">完结</a>
		</div>
    </div>
  </div>
</div> 
<script>
	layui.use('element', function(){
  var $ = layui.jquery
  ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
 })
</script>
	</body>
</html>
